<template>
    <div ref="wbhRef" class="wbh wbh-container">
        <slot></slot>
    </div>
</template>

<script setup>
// windows border hover windos边框hover效果
import { ref, onMounted, provide } from 'vue'

const wbhRef = ref()
provide('wbh', wbhRef)


onMounted(() => {
    const reat = document.querySelectorAll('.wbh-item')
})
</script>

<style lang="scss" scoped>
.wbh-container {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 10px;
    box-sizing: border-box;
}
</style>